<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス frame</title>
  <othercredit role="translator">
    <firstname>Atuo</firstname>
    <surname>Seki</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
<link rel="STYLESHEET" type="text/css" href="./styles.css" /></head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Resource Frame">
    <lztier>Language Feature</lztier>
    <lzcategory>Media</lzcategory>
    <lzshortdesc>
            多フレームリソース。
    </lzshortdesc>
    <lztag>tag-frame.xml</lztag>
</lzelement>
 
<p><tagname>frame</tagname>タグは多フレーム<tagname>resource</tagname>
のシングルフレームを定義するのに使用します。多フレームリソースにはスクリプトコマンドで
切り替えるいくつかのイメージを入れます。例えば：</p>

<example extract="false" title="A resource with two frames">
&lt;resource name="mfr"&gt;
  &lt;frame src="f1.jpg"/&gt;
  &lt;frame src="f2.jpg"/&gt;
&lt;/resource&gt;
</example>

<p>
多フレームタグは一つのリソースを構築するため連続して無制限にフレームを宣言することができるでしょう。
このように構築されたリソースはマウスロールオーバー、ボタンステータスまたは何かの
ユーザーインターフェースの要素を実行するのにしばしば使用されます。多フレームリソースを
<classname>LzView</classname>にいったん定義、そして表示したら、開発者はviewの
<method>setResourceNumber</method>メソッドを使いフレームの表示を指定することができます。</p>

<p><classname>basebutton</classname>や<classname>multistatebutton</classname>
などのコンポーネントに関して多フレームリソースを使用することができ、ユーザによってデザインされたフレーム
を使用することでボタンの仕様を事前に定義できます。</p>

<p>以下の例は手作業でマウスのロールオーバー、クリック時のボタンの仕様を指定しています:</p>

<example>
&lt;canvas height="120"&gt;
  &lt;!-- create the multi-frame resource and give it a name --&gt;
  &lt;resource name="mybutton_rsrc"&gt;
      &lt;!-- first frame is the mouseup state of the button --&gt;
      &lt;frame src="images/basebutton/button-up.png"/&gt;
      &lt;!-- second frame is the mouseover state of the button --&gt;
      &lt;frame src="images/basebutton/button-over.png"/&gt;
      &lt;!-- third frame is the mousedown state of the button --&gt;
      &lt;frame src="images/basebutton/button-down.png"/&gt;
  &lt;/resource&gt;

  &lt;!-- include the resource in a view with mouse behaviors --&gt;
  &lt;view resource="mybutton_rsrc" 
        onmouseover="setResourceNumber(2)"
        onmouseout="setResourceNumber(1)"
        onmousedown="setResourceNumber(3)"
        onmouseup="setResourceNumber(2)"/&gt;
&lt;/canvas&gt;
</example>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
